<template>
  <el-config-provider :locale="currentLocale">
    <router-view />
    <ReDialog />
  </el-config-provider>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import { ElConfigProvider } from "element-plus";

import en from "element-plus/es/locale/lang/en";
import zhCn from "element-plus/es/locale/lang/zh-cn";


import { ReDialog } from "@/components/ReDialog";
export default defineComponent({
  name: "app",
  components: {
    [ElConfigProvider.name]: ElConfigProvider,
    ReDialog
  },
  computed: {
    currentLocale() {
      return this.$storage.locale?.locale === "zh" ? zhCn : en;
    }
  }

});
</script>
<style>
.el-table__cell {
  position: static !important;
}


html.dark {
  .avue-crud .el-table th.el-table__cell {
    background-color: var(--el-bg-color);
  }

  .avue-crud .el-table th.el-table__cell {
    color: var(--el-table-text-color);
  }

  .avue-crud__header {
    background-color: var(--el-bg-color);
  }
}
</style>
